import {
	getSearchHistory,
	getSearchPopular,
} from '../../../services/good/fetchSearchHistory';
import Toast from 'tdesign-miniprogram/toast/index';
Page({
	data: {
		historyWords: [],
		popularWords: [],
		searchValue: '',
		dialog: {
			title: '确认删除当前历史记录',
			showCancelButton: true,
			message: '',
		},
		dialogShow: false,
	},

	deleteType: 0,
	deleteIndex: '',

	onShow() {
		this.queryHistory();
		this.queryPopular();
	},

	async queryHistory() {
		try {
			const data = await getSearchHistory();
			const code = 'Success';
			if (String(code).toUpperCase() === 'SUCCESS') {
				const {
					historyWords = []
				} = data;
				this.setData({
					historyWords,
				});
			}
		} catch (error) {
			console.error(error);
		}
	},

	async queryPopular() {
		try {
			const data = await getSearchPopular();
			const code = 'Success';
			if (String(code).toUpperCase() === 'SUCCESS') {
				const {
					popularWords = []
				} = data;
				this.setData({
					popularWords,
				});
			}
		} catch (error) {
			console.error(error);
		}
	},

	confirm() {
		const {
			historyWords
		} = this.data;
		const {
			deleteType,
			deleteIndex
		} = this;
		historyWords.splice(deleteIndex, 1);
		if (deleteType === 0) {
			this.setData({
				historyWords,
				dialogShow: false,
			});
		} else {
			this.setData({
				historyWords: [],
				dialogShow: false
			});
		}
	},

	close() {
		this.setData({
			dialogShow: false
		});
	},

	handleClearHistory() {
		const {
			dialog
		} = this.data;
		this.deleteType = 1;
		this.setData({
			dialog: {
				...dialog,
				message: '确认删除所有历史记录',
			},
			dialogShow: true,
		});
	},

	deleteCurr(e) {
		const {
			index
		} = e.currentTarget.dataset;
		const {
			dialog
		} = this.data;
		this.deleteIndex = index;
		this.setData({
			dialog: {
				...dialog,
				message: '确认删除当前历史记录',
				deleteType: 0,
			},
			dialogShow: true,
		});
	},

	handleHistoryTap(e) {
		const {
			historyWords
		} = this.data;
		const {
			dataset
		} = e.currentTarget;
		const _searchValue = historyWords[dataset.index || 0] || '';
		// if (_searchValue) {
		//   wx.navigateTo({
		//     url: `/pages/goods/result/index?searchValue=${_searchValue}`,
		//   });
		// }
		Toast({
			context: this,
			selector: '#t-toast',
			message: '该功能正在开发中！',
			icon: '',
			duration: 1000,
		});
	},

	handleSubmit(e) {
		const {
			value
		} = e.detail.value;
		if (value.length === 0) return;
		wx.navigateTo({
			url: `/pages/goods/result/index?searchValue=${value}`,
		});
	},
});